<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>查看评价</title>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath }/css/lookevaluate.css" />
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script language="JavaScript">
	$(document)
			.ready(
					function() {
						var chart = {
							type : 'column'
						};
						var title = {
							text : '教师评价信息'
						};
						var subtitle = {
							text : ' ${lists[0].coursename}'
						};
						var xAxis = {
							categories : [ '优', '良', '中', '差' ],
							crosshair : true
						};
						var yAxis = {
							min : 0,
							title : {
								text : '百分比（%）'
							}
						};

						var tooltip = {
							headerFormat : '<span style="font-size:10px">{point.key}</span><table>',
							pointFormat : '<tr><td style="color:{series.color};padding:0">{series.name}: </td>'
									+ '<td style="padding:0"><b>{point.y:.1f} </b> </td></tr>',
							footerFormat : '</table>',
							shared : true,
							useHTML : true
						};
						
						var plotOptions={
				            column: {
				            	 stacking: 'normal',
				                dataLabels: {
				                    enabled: true,
				                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
				                }
				            }
				        };
                        var credits = {
							enabled : false
						};
                         
						var y6=${lists[6].grade1}
						var l6=${lists[6].grade2}
						var z6=${lists[6].grade3}
						var c6=${lists[6].grade4}
						var series = [ {
							name : '${lists[0].teachername}',
							data : [ y6, l6, z6, c6 ],
						 } ];

						var json = {};
						json.chart = chart;
						json.title = title;
						json.subtitle = subtitle;
						json.tooltip = tooltip;
						json.xAxis = xAxis;
						json.yAxis = yAxis;
						json.series = series;
						json.plotOptions = plotOptions;
						json.credits = credits;
						$('#tu1').highcharts(json);

					});
</script>

<script language="JavaScript">
	$(document)
			.ready(
					function() {
					 
						var chart = {
							type : 'column'
							
						};
						var title = {
							text : '教师评价信息'
						};
						var subtitle = {
								text : ' ${lists[0].coursename}'
							};
						var xAxis = {
							categories : [ '评价1', '评价2', '评价3', '评价4', '评价5','评价6',
									'总体评价' ]
						};
						var yAxis = {
							min : 0,
							title : {
								text : '百分比（%）'
							}
						};
						var tooltip = {
							pointFormat : '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
							shared : true
						};
						
						var plotOptions={
					            column: {
					            	 stacking:  'percent',
					                dataLabels: {
					                    enabled: true,
					                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
					                }
					            }
					        };
						
						var credits = {
							enabled : false
						};
						var y1=${lists[0].grade1}
						var y2=${lists[1].grade1}
						var y3=${lists[2].grade1}
						var y4=${lists[3].grade1}
						var y5=${lists[4].grade1}
						var y6=${lists[5].grade1}
						var y7=${lists[6].grade1}
						 
						
						var l1=${lists[0].grade2}
						var l2=${lists[1].grade2}
						var l3=${lists[2].grade2}
						var l4=${lists[3].grade2}
						var l5=${lists[4].grade2}
						var l6=${lists[5].grade2}
						var l7=${lists[6].grade2}
						 
						
						var z1=${lists[0].grade3}
						var z2=${lists[1].grade3}
						var z3=${lists[2].grade3}
						var z4=${lists[3].grade3}
						var z5=${lists[4].grade3}
						var z6=${lists[5].grade3}
						var z7=${lists[6].grade3}
						
						var c1=${lists[0].grade4}
						var c2=${lists[1].grade4}
						var c3=${lists[2].grade4}
						var c4=${lists[3].grade4}
						var c5=${lists[4].grade4}
						var c6=${lists[5].grade4}
						var c7=${lists[6].grade4}
						
						
						var series = [ {
							
							name : '优',
							data : [y1, y2, y3, y4, y5, y6 ,y7]
						}, {
							name : '良',
							data : [ l1, l2, l3, l4, l5, l6,l7 ]
						}, {
							name : '中',
							data : [ z1, z2, z3, z4, z5, z6 ,z7]
						}, {
							name : '差',
							data : [ c1, c2, c3, c4, c5, c6 ,c7]
						} ];

						var json = {};
						json.chart = chart;
						json.title = title;
						json.subtitle = subtitle;
						json.xAxis = xAxis;
						json.yAxis = yAxis;
						json.tooltip = tooltip;
						json.plotOptions = plotOptions;
						json.credits = credits;
						json.series = series;
						$('#tu2').highcharts(json);

					});
</script>
</head>
 
 
 
<body>
   
	<div id="container">
		<div>
			<img src="${pageContext.request.contextPath }/images/head.gif"
				height="130" width="100%" />
		</div>

		<div id="image">
			<table id="menu">

				<tr>
					<input class="btn" value="查看评价"
						onclick="location.href=' ${pageContext.request.contextPath }/Evaluate'"
						method="post" type="button" />
				</tr>
 
				<tr>
					<input class="btn" value="清空教师评价信息"
						onclick="location.href=' ${pageContext.request.contextPath }/Clean'"
						method="post" type="button" />
				</tr>

				<tr>
					<input class="btn" value="注销 "
						onclick="location.href=' ${pageContext.request.contextPath }/'"
						method="post" type="button" />
				</tr>

			</table>
		</div>


		<div id="do">
			<div id="find">
                <form action="${pageContext.request.contextPath}/FindEvaluate"
					method="post">
					<table class="findeva">
						<tr>
							<td><input type="text" name="courseid" placeholder="请输入课程号" />
							<td><input class="btn1" type="submit" value="按课程号查找" /></td>
							<td><input type="text" name="teachername"
								placeholder="请输入教师姓名" /></td>
							<td><input class="btn1" type="submit" value="按教师姓名查找" /></td>
						</tr>
					</table>
				</form>
			</div>

			<div id="display">
			  <form action="${pageContext.request.contextPath}/Word" method="post">
					 <tr  >
						   <input class="bn2" value="打印"method="post" type="submit" /><br />
				     </tr>
				     <h2>内蒙古科技大学课堂教学评价表</h2>
		 		    <div id="courseid">
				        <tr class="b2">
				               <input class="a1" name="teachername" value="教师名：${lists[0].teachername}">  <br /> 
		 			          <input class="a1" name="courseid" value="课程号：${lists[0].courseid}">   <br />
					         <input class="a1" name="coursename" value="课程名：${lists[0].coursename}"> <br />
				       </tr>
				    </div>
				 </form><br/>
				 
				 
				
               <div id="evaluate">
                
               <td text-align="center"> 教学目标 </td><br />
				<td text-align="center"> 目标明确、简明、清晰，符合课程大纲和学生实际要求 </td>
				 <table  align="center">	
					<tr >
					  <td class="aa">优</td>
					  <td class="aa">良</td>
					  <td class="aa">中</td>
					  <td class="aa">差</td>
					</tr> 

					<tr>
					  <td class="aa" >${lists[0].grade1}</td>
					  <td class="aa" >${lists[0].grade2}</td>
					  <td class="aa" >${lists[0].grade3}</td> 
					  <td class="aa" >${lists[0].grade4}</td>
					</tr>  

					<tr>
					  <td class="aa" >${lists[0].percent1}</td>
					  <td class="aa" >${lists[0].percent2}</td>
				      <td class="aa" >${lists[0].percent3}</td>
					  <td class="aa" >${lists[0].percent4}</td>
					</tr> 
                 </table><br /><br />
                  <td> 教学内容</td><br />
                  <td> 内容简约，选择恰当，与教学目标相对应，能在准确理解和熟悉教材的基础上，
                                   联系学生实际和教学目标设计教学内容，重点内容得到强化和突出，容量，密度适当</td>
                 <table align="center">	
					<tr >
					  <td class="aa">优</td>
					  <td class="aa">良</td>
					  <td class="aa">中</td>
					  <td class="aa">差</td>
					</tr> 

					<tr>
					  <td class="aa" >${lists[1].grade1}</td>
					  <td class="aa" >${lists[1].grade2}</td>
					  <td class="aa" >${lists[1].grade3}</td> 
					  <td class="aa" >${lists[1].grade4}</td>
					</tr>  

					<tr>
					  <td class="aa" >${lists[1].percent1}</td>
					  <td class="aa" >${lists[1].percent2}</td>
				      <td class="aa" >${lists[1].percent3}</td>
					  <td class="aa" >${lists[1].percent4}</td>
					</tr> 
                 </table><br /><br />
               
                     <td>教学过程  教师：</td> <br />
					<td>做教学的组织、引导和促进者，教学环节用时恰当，过渡自然，流畅，
					教学节奏把握好，能随时了解学生的反馈，教学活动有利于学生理解教学内容，实现教学目标</td> <br />
					<table align="center">	
					<tr >
					  <td class="aa">优</td>
					  <td class="aa">良</td>
					  <td class="aa">中</td>
					  <td class="aa">差</td>
					</tr> 

					<tr>
					  <td class="aa" >${lists[2].grade1}</td>
					  <td class="aa" >${lists[2].grade2}</td>
					  <td class="aa" >${lists[2].grade3}</td> 
					  <td class="aa" >${lists[2].grade4}</td>
					</tr>  

					<tr>
					  <td class="aa" >${lists[2].percent1}</td>
					  <td class="aa" >${lists[2].percent2}</td>
				      <td class="aa" >${lists[2].percent3}</td>
					  <td class="aa" >${lists[2].percent4}</td>
					</tr> 
                 </table><br /><br />
                         <td>教学过程  学生：</td> <br />
					<td>全身心投入学习，形成师生互动的课堂，不同层次的学生在参与中都有收获</td> <br />
					<table align="center">	
					<tr >
					  <td class="aa">优</td>
					  <td class="aa">良</td>
					  <td class="aa">中</td>
					  <td class="aa">差</td>
					</tr> 

					<tr>
					  <td class="aa" >${lists[3].grade1}</td>
					  <td class="aa" >${lists[3].grade2}</td>
					  <td class="aa" >${lists[3].grade3}</td> 
					  <td class="aa" >${lists[3].grade4}</td>
					</tr>  

					<tr>
					  <td class="aa" >${lists[3].percent1}</td>
					  <td class="aa" >${lists[3].percent2}</td>
				      <td class="aa" >${lists[3].percent3}</td>
					  <td class="aa" >${lists[3].percent4}</td>
					</tr> 
                 </table><br /><br />

					<td>教学能力</td> <br />
					<td>教学投入高，有情感，语言规范、流畅、简练、准确，抑扬顿挫，富有教学张力，板书工整规
                                        范，简明扼要或能与多媒体课件良好结合，组织，调控课堂学习的能力强，肢体语言丰富，能
                                                      有效地营造积极的课堂氛围</td> <br />
					<table align="center">	
					<tr >
					  <td class="aa">优</td>
					  <td class="aa">良</td>
					  <td class="aa">中</td>
					  <td class="aa">差</td>
					</tr> 

					<tr>
					  <td class="aa" >${lists[4].grade1}</td>
					  <td class="aa" >${lists[4].grade2}</td>
					  <td class="aa" >${lists[4].grade3}</td> 
					  <td class="aa" >${lists[4].grade4}</td>
					</tr>  

					<tr>
					  <td class="aa" >${lists[4].percent1}</td>
					  <td class="aa" >${lists[4].percent2}</td>
				      <td class="aa" >${lists[4].percent3}</td>
					  <td class="aa" >${lists[4].percent4}</td>
					</tr> 
                 </table><br /><br />
						<td>教学效果</td> <br />
						<td>
学生参与度高，课堂气氛活跃学生能接受并理解授课内容，达到预设目标</td> <br />
					<table align="center">	
					<tr >
					  <td class="aa">优</td>
					  <td class="aa">良</td>
					  <td class="aa">中</td>
					  <td class="aa">差</td>
					</tr> 

					<tr>
					  <td class="aa" >${lists[5].grade1}</td>
					  <td class="aa" >${lists[5].grade2}</td>
					  <td class="aa" >${lists[5].grade3}</td> 
					  <td class="aa" >${lists[5].grade4}</td>
					</tr>  

					<tr>
					  <td class="aa" >${lists[5].percent1}</td>
					  <td class="aa" >${lists[5].percent2}</td>
				      <td class="aa" >${lists[5].percent3}</td>
					  <td class="aa" >${lists[5].percent4}</td>
					</tr> 
                 </table><br /><br />
                 
                 <td>总体评价</td> <br />
					 
					<table align="center">	
					<tr >
					  <td class="aa">优</td>
					  <td class="aa">良</td>
					  <td class="aa">中</td>
					  <td class="aa">差</td>
					</tr> 

					<tr>
					  <td class="aa" >${lists[6].grade1}</td>
					  <td class="aa" >${lists[6].grade2}</td>
					  <td class="aa" >${lists[6].grade3}</td> 
					  <td class="aa" >${lists[6].grade4}</td>
					</tr>  

					<tr>
					  <td class="aa" >${lists[6].percent1}</td>
					  <td class="aa" >${lists[6].percent2}</td>
				      <td class="aa" >${lists[6].percent3}</td>
					  <td class="aa" >${lists[6].percent4}</td>
					</tr> 
                 </table><br /><br />

				</div>

				<div id="tu" align="center">
                    <table id="tu1" height="300px"></table>
					<table id="tu2" height="300px"></table>
				</div>
 
              
              
              <div id="message">
					<h2>学 生 留 言</h2>
					<br />
					<c:forEach var="message" items="${message}">
						<tr>
							<td>${message}</td>
							<br/>
						</tr>
					</c:forEach>
				</div>
			</div>
		</div>
		</div>
</body>
</html>